<template>
	<view class="content ">
     	<image style="width: 100%;" src="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-e06d9f07-22c4-452d-8fbb-6dcc4e87be48/1de7b986-215d-4d08-9d2f-8fc616e7dd4f.png" mode="widthFix"></image>
		<view class="p-l-30 p-r-30">
			
		
		<view class="my-money">
			<view class="top-my xl flex-content">
				<view class="">
					我的邀请战绩
				</view>
				<view class="flex-content icon-conetent">
					去提现
					<u-icon style="margin-left: 10rpx;" name="play-right-fill" color="#c8c8c8" size="26"></u-icon>
				</view>
			</view>
			<view class="flex-content m-t-30" style="width: 100%;color: #cf3c38;">
				<view class="bold" style="font-size: 78rpx;">
					0
				</view>
				<view class="p-t-30" style="">
					元
				</view>
			</view>
		</view>
		<view class="user-content">
			<view class="top-my xl flex-content">
				<view class="flex-content" style="width: 50%;color: #9e9e9e;">
					用户信息
				</view>
				<view class="flex-content" style="width: 50%;color: #9e9e9e;">
					获得奖励
				</view>
			</view>
			<scroll-view style="height:333rpx;width: 100%;"  :scroll-y="true" @scrolltolower="">
				<view class="">
					<view class="flex-content" style="width: 100%;height: 333rpx;">
						<view class="" style="color: #9c9c9c;">
							<view class="flex-content" style="width: 100%;">
								邀新纪录空空如也
								
							</view>
							<view class="flex-content" style="width: 100%;">
								快去分享，赚取现金奖励吧~
							</view>
						</view>
					</view>
				</view>
				</scroll-view>
		</view>
		 <view class="m-t-30 xs"style="color: #FFFFFF;">
		 	温馨提示:被邀人完单奖励信息，可能有约12小时左右的延迟哦~
		 </view>
		</view>
		<view class=""style="height: 200rpx;">
			
		</view>
		<view class="bottom-content flex-content">
			<view class="bottom-btn flex-content" @click="routerNext">
				<image style="width: 40rpx;" src="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-e06d9f07-22c4-452d-8fbb-6dcc4e87be48/75e144f6-9ade-4d73-9434-5c2096fa4aec.png" mode="widthFix"></image>
				<view class="m-l-16" style="color: #FFFFFF;">
					面对面邀请
				</view>
			</view>
			<button   open-type="share">
			<view class="bottom-btn m-l-28 flex-content" hover-class="none" >
					<image style="width: 40rpx;" src="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-e06d9f07-22c4-452d-8fbb-6dcc4e87be48/a39ce9d4-d339-4e69-a312-ef965dae10ba.png" mode="widthFix"></image>
				<view class="m-l-16" style="color: #FFFFFF;">
					微信分享
				</view>
			</view>
			</button>
		</view>
	</view>
</template>

<script>
	export default {
		   onShareAppMessage(res) {
				    return {
				    
				      path: '/pages/index/index?id=1231213'
				    }
				},
		props: {
		
		},
		data() {
			return {
				
			}
		},
		created() {
		
		},
		methods: {
routerNext(){
	uni.navigateTo({
		url:"/bundle/pages/my_qrcode/my_qrcode"
	})
}
			
			},
			onLoaded(event) {
			
		},
		watch: {
		
		}
	}
</script>

<style lang="scss" scoped>
	.bottom-content{
		width: 100%;
		height: 160rpx;
		position: fixed;
		bottom: 0rpx;
		background-color: #ffdd95;
	}
	.bottom-btn{
		width: 350rpx;
		height: 90rpx;
		border-radius: 100rpx;
		background-image: linear-gradient(#fca345,#f85131);
	}
	.content{
		width: 100%;
		// height: 100vh;
		background-color: #D54442 ;
	}
	.user-content{
		width: 100%;
		margin-top: 20rpx;
		height: 433rpx;
		background-color: #FFFFFF;
		border-radius: 10rpx;
		overflow: hidden;
	}
	.my-money{
		width: 100%;
		height: 300rpx;
		background-color: #FFFFFF;
		border-radius: 10rpx;
		overflow: hidden;
	}
	.top-my{
		position: relative;
		height: 100rpx;
		background-color: #f6f6f6;
	}
	.icon-conetent{
		color: #c8c8c8;
		font-size: 28rpx;
		position: absolute;
		height: 100rpx;
		right: 10rpx;
	}
</style>
